<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04猜数字练习</title>
</head>
<body>
<h3>>已经生成1-100的随机数</h3>
<input type="text" placeholder="请输入您猜的数字！">
<button onclick="guess()">点击验证</button>
<h3>小提示:<span></span></h3>
<script>
        let n =parseInt(Math.random()*100)+1;
        console.log('打个小抄'+ n);
        var count = 0;
        function guess() {
            let num = document.querySelector('input').value;
            if (isNaN(num)){
                alert('请输入数字!')
                return;
                }
                let spanE = document.querySelector('span');
                count++
                if (num>n) {
                    spanE.innerHTML = '猜大了';
                } else if (num<n) {
                    spanE.innerHTML = '猜小了';
                } else {
                    spanE.innerHTML = '恭喜你用了'+ count +'次猜对了！';
                }
           }
</script>
</body>
</html>